<template>
  <div class="detail wfull">
    <JsonViewer :value="logJson" :expand-depth="1" />
  </div>
</template>
<script>
import JsonViewer from 'vue-json-viewer'
export default {
  props: {
    id: {
      type: String,
      default: null
    }
  },
  data() {
    return {
      gateWayPrefix: '/zg-datapush',
      logJson: {}
    }
  },
  components: {
    JsonViewer
  },
  computed: {},
  methods: {
    getRecordDetail() {
      this.$http.post(`${this.gateWayPrefix}/datapush/record/get`, { recordId: this.id }, (data) => {
        this.logJson = data
      })
    }
  },
  created() {},
  mounted() {}
}
</script>
<style lang="less" scoped>
.detail {
  height: 550px;
  overflow-y: scroll;
  &::-webkit-scrollbar {
    display: none;
  }
}
</style>
